<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	<title>电梯安全运行信息监督管理系统</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
	<script type="text/javascript" src="js/jquery.form.js"></script>
	<script type="text/javascript" src="js/base.js"></script>
	<script type="text/javascript">
	$(function(){
		$('select[name=province]').selectload('province.action','areacode','areaname');
		$('select[name=province]').change(function(){
			$('select[name=areaCode]').html('<option value="">-请选择-</option>')
			$('select[name=city]').selectload('city.action','areacode','areaname',{areacode:this.value});
		});
		$('select[name=city]').change(function(){
			$('select[name=areaCode]').selectload('area.action','areacode','areaname',{areacode:this.value});
		});
		$('#inletForm').ajaxForm({
			dataType:'json',
			beforeSend:function(formData){
				return true;
			},
			success:function(data){
				if(data.data){
					$('#inletForm').html('<div style="text-align:center;"> 您的报修受理单号为'+data.msg+'，请牢记！您可以在《<a href="service_search.action">报修查询</a>》里随时跟踪您的报修受理状态。 </div>');
				}else{
					alert(data.msg);
				}
			}
		});
	});
	</script>
</head>
<body class="web">
<div class="wrapper">
	<div class="header">
		<div class="logo"></div>
		<div class="nav">
			<ul>
				<li><a href="index.action">网站首页</a></li>
				<li><a href="about.action">公司简介</a></li>
				<li><a href="news.action">新闻公告</a></li>
				<li class="hover"><a href="contact.action">联系我们</a></li>
			</ul>
		</div>
		<div class="location">
			<label>您的位置：</label>
			<span><a href="index.action">首页</a>&nbsp;&gt;&nbsp;用户报修</span>
		</div>
	</div>
	<div class="container">
		<div class="sidebar">
			<form class="login" name="login" action="admin/signin.action">
				<h1>用户登录 </h1>
				<p>用户姓名：<input type="text"  name="username" class="inputText" style="width:118px;" /></p>
				<p>用户密码：<input type="password"  name="password" class="inputText" style="width:118px;" /></p>
				<div>
					<a href="#">找回密码？</a>
					<a href="#">[账户注册]</a>
				</div>
				<div>
					<input type="button" value="登录" class="inputButton"/>
					<input type="reset" value="重置" class="inputButton"/>
				</div>
			</form>
			<a id="service_inlet" href="service_inlet.action"></a>
			<a id="complaints_inlet" href="complaints_inlet.action"></a>
		</div>
		<div class="main">
			<div class="content">
				<h2>用户报修<span class="fr"><a href="service_search.action">【查询我的报修】</a></span></h2>
				<div class="cl"></div>
				<p>
					<form id="inletForm" name="inletForm" action="repair_add.action" method="post" class="inletForm">
					<table width="80%"  border="0" align="center" cellpadding="3" cellspacing="0" class="top5">
		              <tr>
		                <td width="31%" align="right" class="word_black">省份：</td>
		                <td width="69%" class="word_black">
			                <select name="province"></select>
		                </td>
		              </tr>
		              <tr>
		                <td align="right" class="word_black">城市：</td>
		                <td class="word_black">
		                	<select name="city"><option value="">-请选择-</option></select>
		                </td>
		              </tr>
		              <tr>
		                <td align="right" class="word_black">区县：</td>
		                <td class="word_black"><select name="areaCode"><option value="">-请选择-</option></select></td>
		              </tr>
		              <tr>
		              <tr>
		                <td align="right" class="word_black">报修电梯编号：</td>
		                <td class="word_black"><input name="eleCode" type="text" class="inputText" size="15" /></td>
		              <tr>
		                <td align="right" class="word_black">报修人姓名：</td>
		                <td class="word_black"><input name="rpName" type="text" class="inputText" size="15" /></td>
		              </tr>
		              <tr>
		                <td align="right" class="word_black">报修人电话：</td>
		                <td class="word_black"><input name="rpTel" type="text" class="inputText" size="15" /></td>
		              </tr>
		              </tr>
		                <td align="right" class="word_black">报修电梯地址：</td>
		                <td class="word_black"><input name="rAddress" type="text" class="inputText" size="35" /></td>
		              </tr>
		              <tr>
		                <td align="right" class="word_black">报修内容：</td>
		                <td class="word_black"><textarea name="rContent" style="width:300px;height:150px;" class="inputText"></textarea></td>
		              </tr>
		              <tr>
		                <td align="right" class="word_black">&nbsp;</td>
		                <td class="word_black"><input type="submit" class="inputButton" value="提交报修信息" /></td>
		              </tr>
		            </table>
		            
		            </form>
		            
				</p>
			</div>
		</div>
	</div>
	<div class="cl"></div>
	<div class="footer">
		<p>Copy Right&copy;2003 Chenggao Technologies Co.,Ltd&nbsp;&nbsp;&nbsp;版权所有2012-2020 大连诚高科技股份有限公司</p>
		<p>电话：0411-82449900 &nbsp;&nbsp;传真：0411-82449800&nbsp;&nbsp; 邮箱：cg@cg-tech.com &nbsp;&nbsp;地址：大连市西岗区同香街6号&nbsp;&nbsp; 邮编：116001</p> 
	</div>
</div>
</body>
</html>
